import { Spin } from 'antd'

export default () => (
  <div className="root">
    <Spin size="large" />
    <style>{`
    .root {
      position: fixed;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      background: rgba(255, 255, 255, 0.5);
      z-index: 1000;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
    }
    `}</style>
  </div>
)